<html>
<head>
    <meta charset="utf-8">
    <!--<script src="../../static/js/jquery.min.js"></script>
    <link href="../../static/css/fSelect.css?t=1" rel="stylesheet" />
    <script src="../../static/js/fSelect.js?t=7"></script>-->
    <script src="../../static/js/vue/vue.min.js"></script>
   <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
    <link rel="stylesheet" href="role/element-ui/lib/theme-chalk/index.css">
    <script src="role/plugins/elementui/index.js"></script>
</head>
<body>
<div id="app">
<template>
    <el-select v-model="show1" multiple placeholder="请选择">
        <el-option
                v-for="item in option1"
                :key="item.value"
                :label="item.label"
                :value="item.value">
        </el-option>
    </el-select>

</template>
    <button @click="submit()">点击</button>
</div>
<script>
    var showVue = new Vue({
        el:"#app",
        data:{
            show1:[],
            show2:[],
            option1: [
                {
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }, {
                    value: '选项3',
                    label: '蚵仔煎'
                }, {
                    value: '选项4',
                    label: '龙须面'
                }, {
                    value: '选项5',
                    label: '北京烤鸭'
                }

            ],
            option2: [
                {
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }
            ]
        },
        methods:{
            submit(){
                alert(showVue.show1)
            }
        }
    });

</script>
</body>
</html>
